<template>
    <view class="box">
		<view  class="guwen" >
			<guwen-item :options="guwen"  ></guwen-item>
		</view>
		<view class="operate cu-list grid col-3 no-border">
			<view class="item">
				<view class="cu-item">
					<view class="cuIcon-like text-blue"></view>
					<view>为我点赞</view>
				</view>
			</view>
			<view  class="item">
				<view class="cu-item">
					<view class="cuIcon-forward text-blue "></view>
					<view>转发</view>
				</view>
			</view >
			<view  class="item">
				<view class="cu-item">
					<view class="cuIcon-qr_code text-blue"></view>
					<view>保存二维码</view>
				</view>
			</view>
		</view>
		<view class="bottom">
			<button style="background-color:#1AAD19">楼盘详情</button>
			<button style="background-color:#007AFF;">电话咨询</button>
		</view>
    </view>
</template>
<script>
    import guwenItem from './item.vue';
    export default {
        components: {
            guwenItem
        },
        data() {
            return {
                guwen: {
                    name: '楼盘头条',
                    company: 'guanzhu',
					wechat:'123123123',
					house:'恒大广场',
					lookNum:100,
					activeNum:200,
					likeNum:100,
					face:'/static/img/face.jpg',
                },
                scrollInto: "",
                showTips: false,
                navigateFlag: false,
                pulling: false,
                refreshIcon: ""
            }
        },
        onLoad() {
        },
		onShareAppMessage(){
			
		},
        methods: {
            goDetail(e) {
                this.navigateFlag = true;
                uni.navigateTo({
                    url: './detail/detail?title=' + e.title
                });
                setTimeout(() => {
                    this.navigateFlag = false;
                }, 200)
            }
        }
    }
</script>

<style lang="scss">
    .box{
		.guwen{
			margin-top:13px;
		}
		.operate{
			display: flex;
			flex-direction: row;
			.item{
				flex:1;
				padding:15px;
				.cu-item{
					border-radius: 10px;;
					background: #CCCCCC;
					.text-blue{
						font-size: 30px;
					}
					view{
						padding:5px;
					}
				}
			}
		}
		.bottom{
			position: fixed;
			bottom:0;
			display: flex;
			flex-direction: row;
			padding: 10px 0;
			width:100%;
			
			text-align: center;
			
			button{
				font-size: 30upx;
				color:white;
				width:40%;	
			}
		}
	}
</style>
